/*général*/
body { 
	background-color : black;
	margin: 1,5% 1,5% 1,5% 1,5%;
}
h1{
	color:RGB(239,8,8); /*red*/
	font: normal bold 1.7em calibri, sans-serif;
}
h2{
	color: RGB(239,8,8); 
	font: italic bold 1.5em calibri, sans-serif;
}
p{
	color: RGB(240,232,230); /*white*/
	font: normal normal 1.2em "Times New Roman", serif;
	text-indent: 10px;
	text-align: justify;
}
a:hover{
	font-style: italic;
	font-weight: bold;
}
a.interne{
	color: RGB(240,232,230);
}
li{
	color: RGB(240,232,230); /*white*/
	font: normal normal 1.2em "Times New Roman", serif;
	list-style-type: none;
}
li:before{
	content: "	";
	color: RGB(239,8,8);
}
img{
	max-width: 100%;
	height: auto;
	border-radius:2%;
}
iframe{
	max-width: 100%;
	heigt:auto;
}
/*menu */
a.menu{	
	color: RGB(239,8,8);
	text-decoration: none;
	font: normal bold 1.2em calibri, sans-serif;
}
span.menupage{
	float: right;
}
#menu {
	border: thin solid black;
	margin : 0,5% 0,5% 0,5% 0,5%;
}
/*pied de page*/
#pied-de-page{
	color : RGB(0,130,20);
	border: thin solid black;
	padding: 1% 1% 1% 1%;
	margin : 0,5% 0,5% 0,5% 0,5%;
	clear : both;
	text-align: right;
}
/*page biographie*/
#imagebio{
	width: 30%;
	border: thin solid black;
	margin : 1% 2% 2% 2%;
	padding : 2% 2% 2% 2%;
	float: left;
}

#textebio{
	width: 90%;
	border: thin solid black;
	margin : 1% 2% 2% 2%;
	padding : 2% 2% 2% 2%;
	text-align:justify;
}
/*page contact*/
#imagecontact{
	width: 50%;
	border: thin solid black;
	margin : 1% 2% 2% 2%;
	padding : 2% 2% 2% 2%;
	float: right;
}
/*page agenda*/
#imageagenda{
	width: 40%;
	border: thin solid black;
	margin : 1% 2% 2% 2%;
	padding : 2% 2% 2% 2%;
	float: right;
}
.date{
	color: RGB(200,0,0);
}
ul > li {
  margin: .2em 0;
  line-height: 1.15;
}

#texteagenda{
	width: 90%;
	border: thin solid black;
	margin : 1% 2% 2% 2%;
	padding : 0% 2% 2% 2%;
	text-align:justify;
}
#imageagendabis{
	width: 40%;
	border: thin solid black;
	margin : 1% 2% 2% 2%;
	padding : 2% 2% 2% 2%;
	float: left;
}
/*page Ensembles*/
#Felice{
	width: 44%;
	border: thin solid black;
	float: left;
	margin: 0% 2% 0% 1%;
	padding : 0% 1% 1% 1%;
	text-align: center;
}
#Symaethis{
	width: 44%;
	border: thin solid black;
	float: left;
	margin: 0% 1% 0% 2%;
	padding : 0% 1% 1% 1%;
	text-align: center;
}
/*page Medias*/
#Media1{
	width: 31.5%;
	border: thin solid black;
	float: left;
	margin: 0% 1.2% 0% 0%;
	padding : 2% 0% 0% 0%;
	text-align: center;
}
#Media2{
	width: 31.5%;
	border: thin solid black;
	float: left;
	margin: 0% 1.2% 0% 1.2%;
	padding : 14% 0% 0% 0%;
	text-align: center;
}
#Media3{
	width: 31.5%;
	border: thin solid black;
	float: left;
	margin: 0% 0% 0% 1.2%;
	padding : 26% 0% 0% 0%;
	text-align: center;
}

/*page Publication*/
#imagejaell{
	width: 30%;
	border: thin solid black;
	margin : 0% 2% 2% 2%;
	padding : 0% 2% 2% 2%;
	float: left;
}
#jaell{
	width: 92%;
	border: thin solid black;
	margin : 0% 4% 0% 4%;
	padding : 0% 0% 0% 0%;
	float:right;
	
}
#lamento {
	width: 92%;
	border: thin solid black;
	margin : 0% 4% 0% 4%;
	padding : 0% 0% 0% 0%;
}
#memoirefdca {
	width: 92%;
	border: thin solid black;
	margin : 0% 4% 0% 4%;
	padding : 0% 0% 0% 0%;
}